/*
  文章类别
*/
$(function () {
  // 加载文章分类的接口数据
  function loadCateList () {
    $.ajax({
      type: 'get',
      url: 'my/article/cates',
      success: function (res) {
        if (res.status === 0) {
          // 获取分类数据成功
          // 把数值展示出来
          var tags = template('list-tpl', res)
          $('.layui-table tbody').html(tags)
          // 绑定删除按钮的点击事件
          // $('.layui-table button.layui-btn-danger').click(function () {
          //   console.log('hello')
          // })
        } else {
          layer.msg(res.message)
        }
      }
    })
  }
  loadCateList()

  // 添加文章分类
  $('#addCate').click(function () {
    // 显示弹出层效果(layer.open的返回值表示弹出层的唯一标识)
    var addIndex = layer.open({
      // 弹出层样式
      type: 1,
      // 弹出层标题
      title: '添加文章分类',
      // 弹出层中的内容
      content: $('#add-tpl').html(),
      // 弹出层的宽度和高度
      area: ['500px', '250px']
    })
    // 给添加文章分类的按钮绑定表单提交事件
    $('#add-form').submit(function (e) {
      e.preventDefault()
      // 获取表单数据
      var fd = $(this).serialize()
      // 调用接口添加分类
      $.ajax({
        type: 'post',
        url: 'my/article/addcates',
        data: fd,
        success: function (res) {
          if (res.status === 0) {
            // 添加成功，关闭弹出层，刷新列表
            layer.close(addIndex)
            loadCateList()
          }
        }
      })
    })
  })

  // 监听删除按钮的点击事件
  $('.layui-table tbody').on('click', '.layui-btn-danger', function (e) {
    console.log(this)
    // 获取要删除的分类id
    var id = e.target.dataset.id
    // 删除之前需要提示
    layer.confirm('确实要删除吗？', {icon: 3, title:'提示'}, function (index) {
      // 回调函数参数index表示确认框唯一标识
      // 如果点击确定按钮，该方法触发
      // 调用接口进行删除
      $.ajax({
        type: 'get',
        url: 'my/article/deletecate/' + id,
        // data: {
        //   id: id
        // },
        success: function (res) {
          if (res.status === 0) {
            // 删除成功，关闭确认框，刷新列表
            // 关闭确认框
            layer.close(index)
            // 刷新列表
            loadCateList()
          } else {
            layer.msg(res.message)
          }
        }
      })
    })
  })

  //  监听编辑按钮的点击事件
  $('.layui-table tbody').on('click', '.edit', function (e) {
    // 获取要编辑的分类id
    var id = e.target.dataset.id
    // 调用接口根据id查询最新的分类详细信息
    $.ajax({
      type: 'get',
      url: 'my/article/cates/' + id,
      success: function (res) {
        if (res.status === 0) {
          // 把数据展示到表单里面并且显示弹出层
          var editIndex = layer.open({
            type: 1,
            title: '编辑文章分类',
            content: $('#edit-tpl').html(),
            area: ['500px', '250px']
          })
          // 把数据填充到弹出层之中
          layui.form.val('editForm', res.data)
          // 给表单绑定提交事件
          $('#edit-form').submit(function (e) {
            e.preventDefault() 
            // 获取表单数据
            var fd = $(this).serialize()
            // 调用接口更新文章分类
            $.ajax({
              type: 'post',
              url: 'my/article/updatecate',
              data: fd,
              success: function (res) {
                if (res.status === 0) {
                  // 更新成功，关闭弹出层，刷新列表
                  layer.close(editIndex)
                  loadCateList()
                }
              }
            })
          })
        }
      }
    })
  })
})